html,body {
	width: 1160px;
	height:100%;
	padding:0;
	font-size:13px;
	-webkit-text-size-adjust:none;
	font-family:"Microsoft YaHei", Tahoma, Verdana, Arial, sans-serif;
	color:#363636;
	position: relative;
	margin: 0 auto;
}
html{width: 100%;
overflow-x: hidden;}
div,ol,ul,li,h1,h2,h3,form,dl,dt,dd,h3,h4,h5,h6{
	padding:0;
	margin:0;
	font-size:12px;
  
}
p{
	padding:0;
	margin:0;
}
a{text-decoration:none;color:#333}
a:hover{color:#0d744e}
img{
	border:0;
}
ol,ul,li,dl,dt,dd{
	list-style:none;
}

.fl{float:left}
.fr{float:right}
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
#nav{width: 200px;height: 100%;background: #17523c ;position: fixed;top: 0;z-index: 1000;}
.indexh1{position: absolute;right: 20px;top: 10px;z-index:100}
#content{width:960px;margin-left:200px;float:left;background:#fff;position: relative;z-index: 100;}
.nav{padding-top:20px}
.nav a{    display: block;    text-align: center;    line-height: 50px;    font-size: 16px;    color: #fff;    background: url(./images/nv-line.png) no-repeat bottom;}
.nav a:hover,.nav .hover a{background:url(./images/nv-hover.png) no-repeat}

.mask{height: 100%;
width: 1000%;
left: -100%;
position: absolute;z-index: -100;}


#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:960px; height:355px; margin:0px auto; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(./images/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(./images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10;}
#playBox .smalltitle {width:960px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle ul{ width:120px; float:right;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}

.brief,.services,.case,.news,.contact{position:relative;padding-bottom:20px}
.more{    position: absolute;    top: 45px;    right: 20px;}
.contop{    display: block;    margin: 20px;    text-align: center;        padding-bottom: 20px;    border-bottom: 1px #ccc solid;}
.contop a{font-size: 2.5em;color: #333;text-decoration: none;letter-spacing: 3px;font-weight: bold;}
.contop a:hover{color:#0d744e}
.contop a.fff{color:#fff}
.contxt{line-height: 20px;}
.contxt p{margin:0 20px;padding-bottom:10px;font-size:13px;line-height:25px;text-indent:2em}

.services{background: #fff url(./images/xbg.png);overflow:hidden}
.services li{width:240px;float:left;position:relative;height:240px;text-align: center;}
.services li a{margin-left:20px;color: #fff;}
.services li a:hover{color:#000}
.services li h2{font-size:24px;margin-top: -55px;text-align: center;color: #fff;}

.case{background: #006c98 url(./images/xbg.png);overflow:hidden}
.case li{float:left;position:relative;height:188px}
.case li a{margin-left:20px}
.case li a p{text-indent:0;text-align: center;margin: -45px 0 0 20px;line-height:16px;padding:0;}
.case li a:hover{color:#0d744e}
.news{background: #fff;overflow:hidden}
.news .contop{border-color:#333}
.news .contxt{margin:0 20px}
.news .newsbox{width:430px;padding:0 10px;position:relative}
.news .newsbox .more{top:10px}
.newstop{color:#333;font-size: 1.5em;height: 35px;line-height: 35px;font-weight:bold;border-bottom: 1px #333 solid;}
.newsbox li{height:30px;border-bottom:1px #333 dotted;line-height:30px}

.contact{overflow:hidden}
.contact .contactbox{margin:0 20px;width:440px;background: #fff url(./images/xbg.png);height:225px;border-radius: 10px;}
.contact .contactbox li{margin:10px 0;clear: both;overflow: hidden;}
.contact .contactbox img{margin-left:20px;float: left;}
.contact .contactbox p{width: 270px;height: 40px;margin-top: 10px;background:#fff;float: right;border-radius: 5px;font-size: 16px;font-weight: bold;line-height: 40px;padding: 0 20px;margin-right: 20px;}
.contact .contactbox i{font-size:13px;font-weight:normal;font-style:normal;float: l;}
.contact .contactbox p a{color:#f00;float: left;}
.conadd{background: #fff url(./images/xbg.png);height:55px;line-height:55px;margin:0 20px;clear:both}
.conadd p{margin:0 20px;font-size:14px;margin-bottom:20px}

.friendlink{margin: 20px;font-size: 13px;}
.friendlink i{font-style:normal;margin:0 5px}

.foot{ overflow:hidden;	border-top:2px solid #0d744e;	 padding:10px 0;	line-height:1.8em;	text-align:center;	color:#686868;	 margin: 0px auto; clear: both;}
.foot .foot_nav{ overflow:hidden; width:100%; margin:0 auto;	padding-bottom:5px;}
.foot .foot_nav ul{ width:640px; margin:0 auto; margin:0 auto;}
.foot .foot_nav ul li{width:80px; float:left; }
.foot .foot_nav a{	margin:0 10px;}
.foot a,.foot a:visited{	color:#0d744e;	}
.foot a:hover{	color:#0d744e;	text-decoration:underline;}

.toprt{    position: absolute;    right: 20px;    top: 50px;}
.qiye{text-align:left;height: auto;margin: 0 20px;border-bottom: 1px #ddd dotted;position:relative;float: left;}
.qiye .l,case_cont .l{width: 365px;text-align: center;padding-top: 20%;}
.qiye .r,case_cont .r{width: 555px;padding: 20px 0;}
.qiye p{
    font-size: 13px;
    line-height: 25px;
    text-indent: 2em;
    padding-bottom: 10px;
    letter-spacing: 1px;
}
.qiye h2{
    font-size: 40px;
}
.qiye span{
    font-size: 28px;display:block;padding-bottom:30px
}
.qiye .sm{font-size:18px}
.qiye h3{font-size:15px;text-align:left;padding-bottom:10px}
.qiye .wh p{font-size:18px;text-indent:0;line-height:40px}
.qiye em{font-style:normal}

.qiye h2.services_h2{margin-top: -70px;font-size: 32px;color: #fff;}
.qiye .s{padding:0;height: 220px;padding-top: 10px;}
.b0{border:none}
.main{margin:20px}
.main_top{
    width: 100%;
    float: left;
    padding-bottom: 20px;
    border-bottom: 1px #ccc solid;
}
.main_nav{
    border-bottom: 1px #ccc solid;
}
.main_nav a{
    height: 25px;
    margin: 10px 0;
    overflow: hidden;
    background: #ccc;
    line-height: 25px;
    display: inline-block;
    padding: 0 10px;
}
.main_nav .cur{background:#0d744e;color:#fff}
.main_site{
    padding-top: 45px;
}
.case_a{
    padding: 10px 0;
    width: 100%;
    float: left;
}
.case_a a{display:block;padding-bottom: 3px;border-bottom: 1px #0d744e dotted;}
.case_a font{width:720px;float:right}
.news_a font{width:100%;}
.case_a h2{
    font-size: 20px;

    padding: 10px 0;
}
.case_a font p{text-indent:2em;line-height:20px;padding: 10px 0;}
.case_a a img{
    padding-top: 7px;
}
.case_a h1{text-align:center;font-size:24px;}
.case_alc{padding:10px 0}
.case_cont {
    overflow: hidden;
    padding-bottom: 20px;
}
.case_cont img{max-width:720px;text-align:center}
.case_cont p{
    font-size: 16px;
    text-indent: 2em;
    text-align: left;
    line-height: 2em;
    padding-top: 20px; 
}
.case_a .contactbox{margin:0}
.main .conadd{margin:0}
.sort-page {
text-align: center;
_padding-bottom: 2px;
}

.case_cont dl{
    padding: 0 30px;
    height: 40px;
    text-align: left;
    border-bottom: 1px #ccc dotted;
}
.case_cont dl:nth-of-type(odd){background:#eee}
.case_cont dd{
    width: 49%;
    float: left;
    line-height: 40px;
    font-size: 16px;
}
.case_cont dl dd:nth-child(1){width:200px}
.case_cont dl:last-child{height:auto;border:none;}
.case_cont dl dd img{margin-top: 10px;
padding: 2px;
border: 1px #eee solid;}

.sort-page a,.sort-page li {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
zoom: 1;
}
.sort-page .thisclass{
background: #0d744e;
border-color: #0d744e;
color: #fff;
}

.sort-page .page-pre-btn,.sort-page .page-next-btn,.sort-page a,.sort-page li {
height: 38px;
line-height: 38px;
min-width:100px;
font-size: 16px;
color: #333;
text-align: center;
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
margin-right: 3px;
}

.sort-page li:hover{background: #f1f1f1;}
.sort-page li.thisclass:hover{background: #0d744e;}
.pageinfo{width:auto}

.case_cont h2{border:none;text-align:left}
/* mobile*/
@media only screen and ( max-width: 640px) { 
body{width:100%;height:auto}
#nav{width:100%;height:auto;position:relative}
#nav a{text-align:center;display:block;background:#eee}
#nav .nav a{background:none;font-size:12px}
#nav .nav li{width:25%;float:left}
#nav .nav{overflow:hidden;padding:0}
#content{width:100%;margin:0}
#content .indexh1{top:-200px}
#playBox{display:none}
.services li{width:auto;float:none}
.news .newsbox{width:100%;padding:0;padding-bottom:20px}
.contact .contactbox{width:100%;margin:0;border-bottom:1px #ccc solid}
.conadd{width:100%;margin:0;height:auto}
.contact .contactbox p{width:auto;margin-right:0}
.case li{text-align:center;float:none}
.contxt p{margin:0}
.qiye,.qiye .l, case_cont .l{margin:0;width:100%;overflow:hidden}
.qiye .r, case_cont .r{width:100%}
.qiye fl,.qiye fr{float:none}
.qiye .fl img,.qiye .fr img,.main .fl img{height:auto;width:100%}
.qiye h3,.qiye .tr,.qiye .tl,.case_a h2{text-align:center}
.qiye .wh p{font-size:12px}
.main_nav a{width:40%;margin:0}
.main{margin:20px 0}
.case_a,.case_cont dl{padding:0}
.case_a a{overflow:hidden}
.case_a font{width:auto}
.case_a a img{display:block;margin:0 auto}
.sort-page .page-pre-btn, .sort-page .page-next-btn, .sort-page a, .sort-page li{min-width:50px;font-size:12px}
.case_cont dl dd:nth-child(1){width:auto}
.case_cont dl dd img{width:100%}
.main .contactbox li img{width:auto}
.main #container{width:100%!important}
}